﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>NFA</title>


        <script type="text/javascript" src="http://localhost:8080/nfa/js/jquery-2.1.1.min.js"></script>
        <link rel="stylesheet" type="text/css" href="http://localhost:8080/nfa/css/bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="http://localhost:8080/nfa/css/style.css" />
        <link rel="stylesheet" type="text/css" href="http://localhost:8080/nfa/css/bootstrap-theme.css"  />
        <script type="text/javascript" src="http://localhost:8080/nfa/js/bootstrap.js"></script>

        <script type="text/javascript" src="http://localhost:8080/nfa/js/jquery.validate.js"></script>
        <script type="text/javascript" src="http://localhost:8080/nfa/js/messages_vi.js"></script>
        <script type="text/javascript" src="http://localhost:8080/nfa/js/js.js"></script>
        <script type="text/javascript" src="http://localhost:8080/nfa/js/popbox.js"></script>
          <script type="text/javascript" src="http://localhost:8080/nfa/js/autoload.js"></script>



    </head>
    <?php
    foreach ($a as $i) {
        $id =$i->user_id;
        $anh = $i->avarta;
        $ten = $i->name;
        $truong = $i->education;
        $city = $i->city;
        $stt = $i->status;
        $cao = $i->height;
        $nang = $i->weight;
        $toi = $i->about_me;
        $ban = $i->about_you;
        $tim = $i->find_age;
        $mucdich = $i->target;
        $gt = $i->gender;
        $age = $i->age;
    }
    ?>
    <body onload="getbutton();" >
        <header>
            <nav class="navbar navbar-fixed-top navbar-default" role="navigation" style="height:50px !important ;">
                <div class="center">	
                    <div class="container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">

                            <a class="navbar-brand" href="#"  style=" font-size:30px; color:#F06; ;">NFA</a>
                        </div>

                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav" style=" width: 20%;">

                                <li class="notice">


                                    <div class='popbox'>
                                        <a class='open' href='#'>
                                            <span class="glyphicon glyphicon-user"></span>
                                        </a>

                                        <div class='collapse-one'>
                                            <div class='box' >
                                                <div class='arrow'></div>
                                                <div class='arrow-border'></div>

                                                <div class="popbox-content">
                                                    <div class="popbox-header">Bảng tin</div>
                                                    <div class="popbox-data"></div>
                                                    <div class="popbox-footer">
                                                        <a href="#">Xem tất cả</a>
                                                    </div>
                                                </div>


                                            </div>
                                        </div>
                                    </div>



                                </li>
                                <li class="notice">

                                   
                                    <div class='popbox' >
                                        <a class='open' href='#'>
                                            <span class="glyphicon glyphicon-comment" ><span class="badge"></span></span>
                                        </a>

                                        <div class='collapse-one'>
                                            <div class='box' >
                                                <div class='arrow'></div>
                                                <div class='arrow-border'></div>

                                                <div class="popbox-content">
                                                    <div class="popbox-header">Bảng tin</div>
                                                    <div class="popbox-data"></div>
                                                    <div class="popbox-footer">
                                                        <a href="#">Xem tất cả</a>
                                                    </div>
                                                </div>


                                            </div>
                                        </div>
                                    </div>



                                </li>
                                <li class="notice">


                                    <div class='popbox' >
                                        <a class='open' href='#'>
                                            <span class="glyphicon  glyphicon-exclamation-sign"></span>
                                        </a>

                                        <div class='collapse-one'>
                                            <div class='box' >
                                                <div class='arrow'></div>
                                                <div class='arrow-border'></div>

                                                <div class="popbox-content">
                                                    <div class="popbox-header">Bảng tin</div>
                                                    <div class="popbox-data"></div>
                                                    <div class="popbox-footer">
                                                        <a href="#">Xem tất cả</a>
                                                    </div>
                                                </div>


                                            </div>
                                        </div>
                                    </div>

                                </li>

                            </ul> 
                            <form class="navbar-form " role="search" >
                                <div >
                                    <div class="input-group " style="width:45%;">
                                        <input type="text" class="form-control" placeholder="Tìm kiếm tên hoặc email ...." />
                                        <span class="input-group-btn">
                                            <button class="btn btn-success" type="button">Tìm kiếm</button>
                                        </span>
                                    </div><!-- /input-group -->
                                </div><!-- /.col-lg-6 -->

                            </form>
                            <ul class="nav navbar-nav navbar-right" style="margin-top: -5%;"  >
                                
                                    <li class="notice"><a href="http://localhost:8080/nfa/index.php/home/mypage"><img src="http://localhost:8080/nfa/images/avarta/<?php echo $this->session->userdata('avarta'); ?>" class="notice-area"  /> <?php echo $this->session->userdata('name'); ?></a></li>
                            
                                <li class="notice">
                                    <a href="http://localhost:8080/nfa/index.php/home">Home</a>
                                </li>
                                <li class="dropdown notice">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-cog"></span> <b class="caret"></b></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="">Thiết lập</a></li>
                                        <li><a href="http://localhost:8080/nfa/index.php/login/logout">Thoát</a></li>

                                    </ul>
                                </li>

                            </ul>
                        </div><!-- /.navbar-collapse -->
                    </div><!-- /.container-fluid -->
                </div>
            </nav>
        </header>


        <div class="center">
            <div class="row" style="padding-top:6%;">
                <div class="col-xs-3 col-md-2">
                    <div class="list-group">
                        <a href="#" class="list-group-item active"><span class="glyphicon glyphicon-home"></span> Trang cá nhân</a>
                        <a href="#" class="list-group-item "><span class="glyphicon glyphicon-picture"></span><span class="badge">14</span>  Ảnh</a>
                        <a href="#" class="list-group-item "><span class="glyphicon glyphicon-heart-empty"></span><span class="badge">14</span>  Hẹn hò</a>
                        <a href="#" class="list-group-item "><span class="glyphicon glyphicon-user"></span><span class="badge">14</span>  Bạn bè</a>
                        <a href="#" class="list-group-item "><span class="glyphicon glyphicon-star"></span><span class="badge">14</span>  Yêu thích</a>
                        <a href="#" class="list-group-item "><span class="badge">14</span>Người theo dõi</a>

                    </div>
                </div>

                <div class="col-xs-12 col-md-6">

                    <div class="panel panel-info" >

                        <div class="panel-body">
                            <div>
                                <h3 style="color: #F0A; float: left;"> <?php echo $ten; ?></h3>
                                <div class="btn-group" id="btn-friend" style="float:right; padding-top: 2%;">
                                </div>
                            </div>
                            <div style="clear: both;">
                                <img src="http://localhost:8080/nfa/icon/1399832423_status.png"  /> Online 
                                <p> <?php echo $city; ?>, <?php echo $age ?> tuổi, Thần Nông</p>
                            </div>
                            <div>
                                <div class="col-sm-3 ">
                                    <img class="img-thumbnail" style="width: 120px; height:120px;" src="http://localhost:8080/nfa/images/avarta/<?php echo $anh; ?>" />
                                </div>
                                <div class=" radio-inline">
                                    <div class="well " style="height: 100px; width: 350px;">

                                        <div id="stt">
                                            <p><?php echo $stt; ?></p>
                                        </div>
                                        
                                    </div>
                                </div>
                            </div>
                            <br />
                            <div class="btn-group ">
                                <button type="button" class="btn btn-default " data-toggle="modal" data-target="#myModal" ><span class="glyphicon glyphicon-inbox"></span> Gửi tin nhắn</button>

                                     
                                <button type="button"  class="btn btn-primary"><span class="glyphicon glyphicon-gift"></span> Tặng quà</button>
                                <button type="button" class="btn btn-danger"><span class="glyphicon glyphicon-warning-sign"></span> Phàn nàn</button>                    
                            </div>
                            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h4 class="modal-title" id="myModalLabel">Gửi tin nhắn</h4>
                                        </div>
                                        <form id="send-message" method="post">
                                        <div class="modal-body">
                                            <input name="user-id" id="user-id" type="hidden" value="<?php echo $id; ?>"/>
                                            <textarea name="content"  class="form-control required" rows="5" ></textarea>
                                            
                                        </div>
                                        <div class="modal-footer">
                                            
                                            <button type="submit" class="btn btn-primary"> Gửi </button>
                                        </div>
                                       </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 col-md-4">
                    <div class="panel panel-info">
                        <h4 style="text-align: center;"> <img src="http://localhost:8080/nfa/icon/1399832230_red-21.png" style="margin-right:5%;"/>Thành viên phù hợp với bạn </h4>
                        <div class="panel-body">

                        </div>

                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-3 col-md-2">
                </div>
                <div class="col-xs-12 col-md-6">
                    <div class="panel panel-success">
                        <div class="panel-heading">
                            <b>HẸN HÒ</b>

                        </div>
                        <div class="panel-body">
                            <div class="info-private">
                                <span class="glyphicon glyphicon-heart"></span> &nbsp   Quan tâm đến : <?php
                                if ($gt == 'Nữ') {
                                    echo 'Nam';
                                } else {
                                    echo 'Nữ';
                                }
                                ?>

                            </div>
                            <div class="info-private">
                                <span class="glyphicon glyphicon-search"></span> &nbsp      Độ tuổi tìm kiếm : <?php echo $tim; ?>
                            </div>
                            <div class="info-private">
                                <span class="glyphicon glyphicon-screenshot"></span>&nbsp Mục đích hẹn hò: <?php echo $mucdich; ?>
                            </div>
                            <div class="info-private">
                                <span class="glyphicon glyphicon-thumbs-up"></span>&nbsp  Mẫu người ưa thích  : <?php echo $ban; ?>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <b>CÁ NHÂN</b>

                        </div>
                        <div class="panel-body">
                            <div class="info-private">
                                <span class="glyphicon glyphicon-bookmark"></span>&nbsp  Về tôi : <?php echo $toi; ?>
                            </div>
                            <div class="info-private">
                                <span class="glyphicon glyphicon-book"></span> &nbsp Học tại : <?php echo $truong; ?>
                            </div>
                            <div class="info-private">
                                <span class="glyphicon glyphicon-home"></span>&nbsp Sống tại : <?php echo $city; ?>
                            </div>
                            <div class="info-private">
                                <span class="glyphicon glyphicon-sort-by-attributes"></span> &nbsp Chiều Cao : <?php echo $cao; ?>
                            </div>
                            <div class="info-private">
                                <span class="glyphicon glyphicon-align-justify"></span>&nbsp  Cân nặng : <?php echo $nang; ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-3 col-md-2">
                </div>
                <div class="col-xs-18 col-md-10">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <b>ẢNH</b>
                            <span class="glyphicon glyphicon-pencil " style="float:right; " id="edit-about"></span>
                        </div>
                    </div>
                </div>
            </div>


        </div>





    </body>
</html>
